<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ page session="true"%>
<%@ page import="javax.portlet.*"%>
<%@ taglib uri="http://java.sun.com/portlet" prefix="portlet"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<portlet:defineObjects />

<html>
<link type="text/css"
	href='<%=renderRequest.getContextPath() + "/jquery/themes/base/ui.all.css" %>'
	rel="stylesheet" />

<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/jquery-1.3.2.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/ui.core.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/ui.tabs.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/ui.datepicker.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/ui.draggable.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/ui.resizable.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/ui.dialog.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/effects.core.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/ui/effects.highlight.js" %>'></script>
<script type="text/javascript"
	src='<%=renderRequest.getContextPath() + "/jquery/external/bgiframe/jquery.bgiframe.js" %>'></script>

<link type="text/css"
	href='<%=renderRequest.getContextPath() + "/jquery/demos.css" %>'
	rel="stylesheet" />
<script>
	function getForm(namespace, name) {
        return document.forms[namespace + name];
    }

    function submitForm(namespace, name, action) {
        var frm = getForm(namespace, name);
        frm.txtAction.value = action;
        frm.submitLink.value = "Menu.jsp";
        frm.submit();
    }
</script>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Left Tree Menu</title>
<link type="text/css" rel="stylesheet" media="all"
	href='<%=renderRequest.getContextPath() + "/css/style.css" %>' />
<script type="text/javascript"
	src=<%=renderRequest.getContextPath() + "/jquery/jquery-1.3.2.js" %>' ></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
	$(document).ready(function() {
		$("#root ul").each(function() {$(this).css("display", "none");});
		$("#root .category").click(function() {
			var childid = "#" + $(this).attr("childid");
			if ($(childid).css("display") == "none") {$(childid).css("display", "block");}
			else {$(childid).css("display", "none");}
			if ($(this).hasClass("cat_close")) {$(this).removeClass("cat_close").addClass("cat_open");}
			else{$(this).removeClass("cat_open").addClass("cat_close");}
		});
	});
//--><!]]>
</script>
<base target="main">
</head>
<body>
<form name="<portlet:namespace/>myForm" action="<portlet:actionURL/>"
	method="POST"><input type="hidden" name="txtAction" /> <input
	type="hidden" name="submitLink" />
<p align="right">You are logging in as <a href="#"
	onclick="submitForm('<portlet:namespace/>', 'myForm', 'getEmployeeInfo')"><b>${sessionScope.userName}</b></a>
! &nbsp; <a href="#"
	onclick="submitForm('<portlet:namespace/>', 'myForm', 'home')">Home</a>
| &nbsp; <a href="#"
	onclick="submitForm('<portlet:namespace/>', 'myForm', 'logout')">Logout</a>
</p>
</form>
<br>
<h2>Menu list</h2>
<!--<form method="POST" action="">-->
<!--	<p>&nbsp;<input type="text" name="T1" size="14"><input type="submit" value="Search" name="B1"></p>-->
<!--</form>-->
<div class="content">
<form name="<portlet:namespace/>menuForm" action="<portlet:actionURL/>"
	method="POST"><input type="hidden" name="txtAction" /> <input
	type="hidden" name="submitLink" />
<ul id="root" class="menu">
	<li><a href='javascript:void(0);' childid='c_12'
		class='cat_close category'>Catalogs</a></li>
	<ul id='c_12'>
		<li><a href='javascript:void(0);' class='product'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
		<a href=#
			onclick="
					submitForm('<portlet:namespace />', 'menuForm', 'requestCourseList');
				
				">
		Course </a></li>
		<li><a href='javascript:void(0);' class='product'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
		<a href=#
			onclick="
					submitForm('<portlet:namespace />', 'menuForm', 'requestProjectList');
				
				">
		Project </a></li>
	</ul>
	<li><a href='javascript:void(0);' childid='c_13'
		class='cat_close category'>People Information</a></li>
	<ul id='c_13'>
		<li><a href='javascript:void(0);' class='product'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
		<a href=#
			onclick="
					submitForm('<portlet:namespace />', 'menuForm', 'requestEmployeeList');
				
				">
		Employee </a></li>
	</ul>
	<li><a href=#
		onclick="
					submitForm('<portlet:namespace />', 'menuForm', 'search');
				">
	Search </a></li>
	<ul id='c_8'>
	</ul>
</ul>
</form>
</div>
</body>

</html>